﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>用户查看</title>
    <style>
        * {
        font-family:微软雅黑;
        }
        .navbar-brand {
        color:#ffffff!important;
        font-weight:bold;
        }
        body {
        padding-top:70px;
        }
    </style>
    <link rel="stylesheet" href="../public/bs/css/bootstrap.min.css" />
    <script src="../../public/js/jquery.min.js"></script><!--../是上一级目录-->
    <script src="../public/bs/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container">          
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="../index.html">酒仙网后台</a>
                </div>
         
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">                                    
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#">首页</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">后台管理 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">admin</a></li>
                                <li class="divider"></li>
                                <li><a href="#" data-toggle="modal" data-target="#mymodal">修改密码</a></li>
                                <li class="divider"></li>
                                <li><a href="../login.html">退出系统</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div class="modal fade" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">修改密码：</h4>
                    </div>
                    <div class="modal-body">
                     <form>
                         <label >原密码：</label>
                         <input  type="password" class="form-control"/>                                               
                     </form>
                        <form>
                            <label>新密码：</label>
                            <input type="password" class="form-control" />
                        </form>
                        <form>
                            <label>确认密码：</label>
                            <input type="password" class="form-control" />
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">修改</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2">
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingOne">
                            <h4 class="panel-title">
                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    会员管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                            <div class="list-group">
                              <a href="#" class="list-group-item">会员查看</a>
                              <a href="add.html" class="list-group-item">会员添加</a>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    广告管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                            <div class="list-group">
                                <a href="" class="list-group-item">广告查看</a>
                                <a href="" class="list-group-item">广告添加</a>
                                <a href="" class="list-group-item">广告修改</a>
                                <a href="" class="list-group-item">广告删除</a>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    分类管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="list-group">
                                <a href="" class="list-group-item">分类查看</a>
                                <a href="" class="list-group-item">分类添加</a>
                                <a href="" class="list-group-item">分类修改</a>
                                <a href="" class="list-group-item">分类删除</a>
                            </div>
                        </div>
                    </div>

                    <!--订单管理-->
                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingFour">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                                    订单管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                            <div class="list-group">
                                <a href="" class="list-group-item">订单查看</a>
                                <a href="" class="list-group-item">订单添加</a>
                                <a href="" class="list-group-item">订单修改</a>
                                <a href="" class="list-group-item">订单删除</a>
                            </div>
                        </div>
                    </div>

                    <!--品牌管理-->
                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingFive">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseThree">
                                    品牌管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                            <div class="list-group">
                                <a href="" class="list-group-item">品牌查看</a>
                                <a href="" class="list-group-item">品牌添加</a>
                                <a href="" class="list-group-item">品牌修改</a>
                                <a href="" class="list-group-item">品牌删除</a>
                            </div>
                        </div>
                    </div>

                    <!--商品管理-->
                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseThree">
                                    商品管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="list-group">
                                <a href="" class="list-group-item">商品查看</a>
                                <a href="" class="list-group-item">商品添加</a>
                                <a href="" class="list-group-item">商品修改</a>
                                <a href="" class="list-group-item">商品删除</a>
                            </div>
                        </div>
                    </div>

                    <!--评论管理-->
                    <div class="panel panel-primary">
                        <div class="panel-heading" role="tab" id="headingThree">
                            <h4 class="panel-title">
                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse7" aria-expanded="false" aria-controls="collapseThree">
                                    评论管理
                                </a>
                            </h4>
                        </div>
                        <div id="collapse7" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                            <div class="list-group">
                                <a href="" class="list-group-item">评论查看</a>
                                <a href="" class="list-group-item">评论添加</a>
                                <a href="" class="list-group-item">评论修改</a>
                                <a href="" class="list-group-item">评论删除</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--右侧设计-->
            <div class="col-md-10">
                <table class="table table-striped table-bordered table-hover">
                    <tr>
                        <th>编号</th>
                        <th>用户名</th>
                        <th>密码</th>
                        <th>注册时间</th>
                        <th>修改</th>
                        <th>删除</th>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>user1</td>
                        <td>123</td>
                        <td>2017-5-27</td>
                        <td><a href="#">修改</a></td>
                        <td><a href="#">删除</a></td>
                    </tr>
                </table>
                <ul class="pagination">
                    <li>
                        <a href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                        </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li>
                        <a href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>